<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="MonoCloud">
        <meta name="keywords" content="MonoCloud Service">
        <meta name="author" content="MonoCloud Pty Ltd">
        <title>推鸭</title>
                <!-- Jquery Toast css -->
        <link href="assets/libs/jquery-toast/jquery.toast.min.css" rel="stylesheet" type="text/css" />
        <!-- App css -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js') }}" ></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js') }}" ></script>
        <![endif]-->
    </head>

    <body>

        <!-- Begin page -->
    <div id="wrapper">
        <!-- Top Bar Start -->
<div class="navbar-custom">
    <ul class="list-unstyled topnav-menu float-right mb-0">
        <li class="dropdown notification-list">
            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                <img src="https://cdn.v2ex.com/gravatar/4da74cef8b7317ba251237b74e675d38"  alt="user-image" class="rounded-circle">
                <span class="pro-user-name ml-1">
                老郑 <i class="mdi mdi-chevron-down"></i> 
                </span>
            </a>
            <div class="dropdown-menu dropdown-menu-right profile-dropdown" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(-40px, 70px, 0px);">
                <!-- item-->
                <div class="dropdown-header noti-title">
                    <h6 class="text-overflow m-0">欢迎登录！</h6>
                </div>

                <!-- item-->
                <a href="profile" class="dropdown-item notify-item">
                    <i class="fe-user"></i>
                    <span>我的资料</span>
                </a>
                <!-- item-->
                <a href="changepassword" class="dropdown-item notify-item">
                    <i class="fe-settings"></i>
                    <span>修改密码</span>
                </a>
                <div class="dropdown-divider"></div>
                <!-- item-->
                <a href="logout" onclick="event.preventDefault();document.getElementById('logout-form').submit();" class="dropdown-item notify-item">
                    <i class="fe-log-out"></i>
                    <span>退出登录</span>
                </a>
                <form id="logout-form" action="logout" method="POST" style="display: none;">
                    <input type="hidden" name="_token" value="dkE5kj66VMwjqoAvJUrtwgRpLTzR9uy7oVGR9CpB">                </form>
            </div>
        </li>
        <!-- <li class="dropdown notification-list">
            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
                <i class="fe-settings noti-icon"></i>
            </a>
        </li> -->
    </ul>
    <!-- LOGO -->
    <div class="logo-box">
        <a href="" class="logo text-center">
            <span class="logo-lg">
                <span class="logo-lg-text-light">兼职鸭平台</span>
            </span>
            <span class="logo-sm">
                <span class="logo-sm-text-dark">兼职鸭</span>
            </span>
        </a>
    </div>
    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
        <li>
            <button class="button-menu-mobile waves-effect waves-light">
                <i class="fe-menu"></i>
            </button>
        </li>
    </ul>
</div>
<!-- Top Bar End -->
        <div class="left-side-menu">
    <div class="slimscroll-menu">
        <!--- Sidemenu -->
        <div id="sidebar-menu">
            <ul class="metismenu" id="side-menu">
                <li class="menu-title">Navigation</li>
                <li>
                    <a href="javascript: void(0);">
                        <i class="fe-airplay"></i>
                        <span class="badge badge-success badge-pill float-right">1</span>
                        <span> 我的服务 </span>
                    </a>
                    <ul class="nav-second-level" aria-expanded="true">
                        <li><a href="service/116575">MonoCloud S1</a></li>
                    </ul>
                </li>
                <li>
                    <a href="##">
                        <i class="fe-book"></i>
                        <span> 知识库 </span>
                    </a>
                </li>
                <li>
                    <a href="##">
                        <i class="fe-users"></i>
                        <span> 客户支持 </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <ul class="nav-second-level" aria-expanded="false">
                        <li>
                            <a href="##">我的工单</a>
                        </li>
                        <li>
                            <a href="##">提交新工单</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="##">
                        <i class="fe-file-text"></i>
                        <span> 订单记录 </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <ul class="nav-second-level" aria-expanded="false">
                        <li>
                            <a href="##">我的工单</a>
                        </li>
                        <li>
                            <a href="##">提交新工单</a>
                        </li>
                    </ul>
                </li>
                <li class="menu-title">Functions</li>
                <li>
                    <a href="##">
                        <i class="fe-shopping-cart"></i>
                        <span> 购买新服务 </span>
                        <span class="menu-arrow"></span>
                    </a>
                </li>
                <li>
                    <a href="##">
                        <i class="fe-gift"></i>
                        <span> 点券管理 </span>
                    </a>
                </li>
    
                <li>
                    <a href="##">
                        <i class="fe-share-2"></i>
                        <span> 邀请管理 </span>
                        <span class="menu-arrow"></span>
                    </a>
                </li>

            </ul>
        </div>
        <!-- End Sidebar -->
        <div class="clearfix"></div>
    </div>
    <!-- Sidebar -left -->
</div>
<!-- Left Sidebar End -->        <!-- ========== Left Sidebar Start ========== -->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="content-page">
<!-- Start content -->
<div class="content">
    <div class="container-fluid">
        <!-- Page-Title -->
    <div class="row">
        <div class="row">
                <div class="col-12">
                    <div class="page-title-box">
                        <div class="page-title-right">
                        </div>
                        <h4 class="page-title">My Tickets</h4>
                    </div>
                </div>
            </div>
        <div class="col-lg-12">
            <div class="card-box">
                <a href="https://mono.sh/support/ticket/create" class="btn btn-sm btn-success waves-effect waves-light float-right"><i class="mdi mdi-plus-circle"></i> 提交新工单</a>

                <div class="table-responsive">
                    <table class="table table-actions-bar">
                        <thead>
                            <tr>
                                <th>产品</th>
                                <th>订单号</th>
                                <th>交易日期</th>
                                <th>金额</th>
                                <th>货币</th>
                                <th>状态</th>
                                <th>操作</th>
                                <!--<th style="min-width: 80px;">Action</th>-->
                            </tr>
                        </thead>

                        <tbody>
                                                        <tr>
                                <td>Balance Recharge</td>
                                <td>155720793576</td>
                                <td>2019-05-07 13:45:35</td>
                                <td>1.00</td>                                                                
                                <td>CNY</td>
                                <td>
                                    <span class="label label-warning">Pending</span>
                                </td>
                                <td>
                                    <div class="tabledit-toolbar btn-toolbar" style="text-align: left;">
                                        <div class="button-list" style="float: none;">
                                            <button type="button" class="btn btn-xs btn-success" style="float: none;" onclick="window.location='https://mono.sh/support/ticket/view/11908'">
                                                <span class="mdi mdi-comment-text"></span>
                                            </button>
                                                                                    </div>
                                    </div>
                                </td>
                                </tr>
                                                        <tr>
                                <td>MonoCloud S 80G (no support)</td>
                                <td>155719133428</td>
                                <td>2019-05-07 09:08:54</td>
                                <td>69.00</td>                                                                
                                <td>CNY</td>
                                <td>
                                    <span class="label label-success">Finished</span>
                                </td>
                                                                                                <td></td>
                                                            </tr>
                                                        <tr>
                                <td>MonoCloud S 150G (no support)</td>
                                <td>154177466335</td>
                                <td>2018-11-09 22:44:23</td>
                                <td>59.00</td>                                                                
                                <td>CNY</td>
                                <td>
                                    <span class="label label-success">Finished</span>
                                </td>
                                                                                                <td></td>
                                                            </tr>
                                                    </tbody>
                    </table>
                </div>
            </div>
            
        </div> <!-- end col -->

        
    </div>
    </div> <!-- container -->

</div> <!-- content -->
</div> <!-- content-page -->
        <footer class="footer text-right">
                    © 2019 MonoCloud. All rights reserved.
        </footer>
    </div>
    <!-- END wrapper -->
    <script>
        var resizefunc = [];
    </script>

    <!-- Vendor js -->
    <script src="assets/js/vendor.min.js"></script>

    <script src="assets/js/popper.min.js" ></script>
    <script src="assets/js/bootstrap.min.js" ></script>
    <script src="assets/js/detect.js" ></script>
    <script src="assets/js/fastclick.js" ></script>

    <script src="assets/js/jquery.slimscroll.js" ></script>
    <script src="assets/js/jquery.blockUI.js" ></script>


    <script src="assets/js/wow.min.js" ></script>
    <script src="assets/js/jquery.nicescroll.js" ></script>
    <script src="assets/js/jquery.scrollTo.min.js" ></script>
    
    <script src="assets/js/app.min.js" ></script>

        </body>
</html>